<div class="header">Header</div>

<div class="config-content">    
    <div class="config_tool">
        <h3>Main menu: layout settings</h3>
        <div class="block-content">
            <div class="va-content">
            	<div class="selection">
            		<h4>Shadow</h4>
                    <div class="select-design">
                        <div class="design-option<?php echo ($app->design->header->mainmenu->shadow->type == 'shadow')  ? ' active' : ''; ?> shadow"  id="view-design-header-mainmenu-shadow_on"><img src="media/img/with_shadow.png" height="82" width="82" alt="Shadow on" title="With shadow" /></div>
                        <div class="design-option<?php echo ($app->design->header->mainmenu->shadow->type == 'none_s')  ? ' active' : ''; ?> none_s"  id="view-design-header-mainmenu-shadow_off"><img src="media/img/without_shadow.png" height="82" width="82" alt="Shadow off" title="Without shadow" /></div>
                        <div class="clear"></div>
                    </div>
                    <div class="hide">
                		<input type="radio" class="choose_design" name="design-header-mainmenu-shadow" id="design-header-mainmenu-shadow_on" value="shadow" <?php echo ($app->design->header->mainmenu->shadow->type == 'shadow') ? 'checked="checked"' : ''; ?> /> <label for="design-header-mainmenu-shadow_on"> With shadow </label> <br />
                		<input type="radio" class="choose_design" name="design-header-mainmenu-shadow" id="design-header-mainmenu-shadow_off" value="none_s" <?php echo ($app->design->header->mainmenu->shadow->type == 'none_s') ? 'checked="checked"' : ''; ?> /> <label for="design-header-mainmenu-shadow_off"> Without shadow </label> <br />
                		<input type="hidden" id="design-header-mainmenu-shadow"  class="cssselector"  value=".sf-menu" />
            	   </div>
            	</div>
            	
            	<div class="selection">
            		<h4>Radius</h4>
                    <div class="select-design">
                        <div class="design-option<?php echo ($app->design->header->mainmenu->radius->type == 'radius')  ? ' active' : ''; ?> radius"  id="view-design-header-mainmenu-radius_on"><img src="media/img/top_bottom_left_right_raduis.png" height="82" width="82" alt="Radius on" title="With radius" /></div>
                        <div class="design-option<?php echo ($app->design->header->mainmenu->radius->type == 'none_r')  ? ' active' : ''; ?> none_r"  id="view-design-header-mainmenu-radius_off"><img src="media/img/without_raduis.png" height="82" width="82" alt="Radius off" title="Without radius" /></div>
                        <div class="clear"></div>
                    </div>
                    <div class="hide">
                		<input type="radio" class="choose_design" name="design-header-mainmenu-radius" id="design-header-mainmenu-radius_on" value="radius" <?php echo ($app->design->header->mainmenu->radius->type == 'radius') ? 'checked="checked"' : ''; ?> /> <label for="design-header-mainmenu-radius_on"> With radius </label> <br />
                		<input type="radio" class="choose_design" name="design-header-mainmenu-radius" id="design-header-mainmenu-radius_off" value="none_r" <?php echo ($app->design->header->mainmenu->radius->type == 'none_r') ? 'checked="checked"' : ''; ?> /> <label for="design-header-mainmenu-radius_off"> Without radius </label> <br />
                		<input type="hidden" id="design-header-mainmenu-radius"  class="cssselector"  value=".sf-menu" />
            	   </div>
            	</div>
            </div>
        </div>
    </div>
     
    <div class="config_tool">
        <h3>Main menu: color settings</h3>
        <div class="block-content">
            <div class="va-content">
            	<div class="cssdesign">
            		<?php echo $app->displayStyleConfig ('Main Background', 'header/mainmenu/bgcolor', 'color', 'background-color'); ?>
            	</div>
            	<div class="cssdesign">
            		<?php echo $app->displayStyleConfig ('Menu Item Background', 'header/mainmenu/a_bgcolor', 'color', 'background-color'); ?>
            	</div>
            	
            	<div class="cssdesign">
            		<?php echo $app->displayStyleConfig ('Linebetween color', 'header/mainmenu/linebetween', 'color', 'background-color'); ?>
            	</div>
            	
            	<div class="cssdesign">
            		<?php echo $app->displayStyleConfig ('Text color', 'header/mainmenu/color', 'color', 'color'); ?>
            	   <!-- Text shadow -->
                </div>
            	
            	<div class="cssdesign">
            		<?php echo $app->displayStyleConfig ('Active link color', 'header/mainmenu/actvie', 'color', 'color'); ?>
            	</div>
            	
            	<div class="cssdesign">
            		<?php echo $app->displayStyleConfig ('Submenu background color', 'header/mainmenu/submenu_bgcolor', 'color', 'background-color'); ?>
            	</div>
            	
            	<div class="cssdesign">
            		<?php echo $app->displayStyleConfig ('Submenu hover', 'header/mainmenu/submenu_hover', 'color', 'background-color'); ?>
            	</div>
            </div>
        </div>
    </div>
     
    <div class="config_tool">
        <h3>Search</h3>
        <div class="block-content">
            <div class="va-content">
            	<div class="cssdesign">
            		<?php echo $app->displayStyleConfig ('Input text Background color', 'header/search/bgcolor', 'color', 'background-color'); ?>
            	</div>
            	
            	<div class="cssdesign">
            		<?php echo $app->displayStyleConfig ('Input text Border color', 'header/search/bdcolor', 'color', 'background-color'); ?>
            	</div>
            	
            	<div class="cssdesign">
            		<?php echo $app->displayStyleConfig ('Button background color', 'header/search/button_bgcolor', 'color', 'background-color'); ?>
            	</div>
            	
            	<div class="cssdesign">
            		<?php echo $app->displayStyleConfig ('Button text color', 'header/search/button_color', 'color', 'color'); ?>
            	</div>
            </div>
        </div>
    </div>
      
    <div class="config_tool">
        <h3>Cart</h3>
        <div class="block-content">
            <div class="va-content">
            	<div class="cssdesign">
            		<?php echo $app->displayStyleConfig ('Background color', 'header/cart/bgcolor', 'color', 'background-color'); ?>
            	</div>
            	<div class="cssdesign">
            		<?php echo $app->displayStyleConfig ('Background color', 'header/cart/cart_bgcolor', 'color', 'background-color'); ?>
            	</div>
            	
            	<div class="cssdesign">
            		<?php echo $app->displayStyleConfig ('Title color', 'header/cart/color', 'color', 'color'); ?>
            	</div>
            	<div class="cssdesign">
            		<?php echo $app->displayStyleConfig ('Text color', 'header/cart/cart_color', 'color', 'color'); ?>
            	</div>
            	<div class="cssdesign">
            		<?php echo $app->displayStyleConfig ('Link color', 'header/cart/cart_link_color', 'color', 'color'); ?>
            	</div>
            </div>
        </div>
    </div>
    
    <div class="config_tool">
        <h3>Header</h3>
        <div class="block-content">
            <div class="va-content">
            	<div class="cssdesign">
            		<?php echo $app->displayStyleConfig ('Background color', 'header/header/bgcolor', 'color', 'background-color'); ?>
            	</div>
            	
            	<div class="cssdesign">
            		<?php echo $app->displayStyleConfig ('Text color', 'header/header/color', 'color', 'color'); ?>
            	</div>
            </div>
        </div>
    </div>
</div>